<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">


        <style type="text/css">
			
			   *{
			   	margin: 0;
			   	padding: 0;
			   }
			  .box{
			  	 width: 1260px;
			  	 height: 472px;
			  	 margin: 0 auto;
			  	 position: relative;
			  }
			
			  .nav{
			  	 width: 960px;
			  	 height: 63px;
			  	 line-height: 63px;
			  	 background-color:#434343;
			     position:absolute;
			  	 bottom: 0;
			  	 left: 50%;
			  	 margin-left: -480px;
			  }
			  li{
			   		list-style: none;
			   		float: left;
			  }

			  li a{
			  	 width: 160px;
			  	 height: 63px;
			  	 display: inline-block;

			  	 color: white;

			  	 text-align: center;
			  }
			  li a.public:hover{
			  	 background-color: white;
			  	 color: black;
			  }

			  .sj{
			  	 position: absolute;

				  bottom: 51px;
				  left: 216px;
			  }

			  .dl{
			  	 position: absolute;
			  	 left: 150px;

			  	 bottom:60px;
			  }

        </style>
    </head>
    <body>

        <div class="box">
        	
        	  <img src="sf.png">

        	  <div class="nav">
        	  	
        	  	 <ul>
        	  	 	 <li><a href="#">运单查询</a></li>
        	  	 	 <li><a href="#" class="public">运费查询</a></li>
        	  	 	 <li><a href="#"  class="public">时效查询</a></li>
        	  	 	 <li><a href="#"  class="public">服务网点查询</a></li>
        	  	 	 <li><a href="#"  class="public">收送范围查询</a></li>
        	  	 	 <li><a href="#"  class="public">客户专区</a></li>
        	  	 </ul>
        	  </div>


        	  <div class="sj">
        	  	   <img src="../../4.png" alt="">
        	  </div>
        	  <div class="dl">
        	  	  <img src="../../3.png">
        	  </div>

        </div>
                                                                                
</body>
</html>